.r-list {
    height: 100%;
    position: relative;
    // overflow: hidden;
    display: flex;
    width: fit-content;
    font-family: "HarmonyOS Sans", "PingFang SC", OSPunctuation, "Microsoft Yahei", "Heiti SC", "WenQuanYi Micro Hei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;

    .r-box {
        display: flex;
        flex-wrap: nowrap;
        animation: tickerScroll 80s linear infinite normal;
        will-change: transform;
    }

    &:hover {
        .r-box {
            animation-play-state: paused;
        }
    }

    .r-item {
        display: flex;
        width: fit-content;
        align-items: center;
        height: 100%;
        padding-right: 10px;
        white-space: nowrap;
        color: #b1b6c6;
        &:after {
            content: "";
            display: block;
            width: 1px;
            height: 17px;
            background: #3d4355;
            margin-left: 10px;
        }
    }
}

@keyframes tickerScroll {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 1;
        transform: translateX(-100%);
    }
}
